<template>
    <div>
        <p>this is child</p>
        <slot name='pear'></slot>
        <slot name="apple"></slot>
        <slot name='banana'></slot>  
        <slot name="tomato" :num='num'></slot>
    </div>
</template>

<script>
export default {
    props: {},
    data() {
        return{
            num: 3
        }
    },
    mounted() {
        console.log(this.slots())
    }
}
</script>